<template>
	<view class="mytab">
		<ul>
			<li>
				<i>
					<image src="../../static/Frame 17.png" mode=""></image>
				</i>
				<text>订单</text>
			</li>
			<li @click="likeFn()">
				<i>
					<image src="../../static/Frame 16.png" mode=""></image>
				</i>
				<text>喜欢</text>
			</li>
			<li>
				<i @click="addressFn()">
					<image src="../../static/Frame 15.png" mode=""></image>
				</i>
				<text>地址</text>
			</li>
			<li>
				<i>
					<image src="../../static/Frame 14.png" mode=""></image>
				</i>
				<text>优惠券</text>
			</li>
		</ul>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			
			};
		},
		methods: {
			likeFn(){
				uni.navigateTo({
					url:'/pages/like/like'
				})
			},
			addressFn(){
				uni.navigateTo({
					url:'/pages/address/address'
				})
			}
		}
	}
</script>

<style lang="less" scoped>
	.mytab{
		width: 90%;
		margin: 0 auto;
		margin-top: -40px;
		background-color: white;
		border-radius: 6px;
		box-shadow: 0px 3px 20px #e1e1e1;
		
		ul{
			width: 100%;
			list-style: none;
			padding: 0;
			margin: 0;
			display: flex;
			justify-content: space-around;
			
			li{
				text-align: center;
				padding: 20px 15px;
				
				i{
					display: block;
					width: 36px;
					height: 36px;
					padding: 4px;
					
					image{
						width: 100%;
						height: 100%;
					}
				}
				
				text{
					font-size: 14px;
				}
			}
		}
	}
	
	
</style>